<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,width=device-width, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content='About donler' />
    <link rel="shortcut icon" href="http://www.donler.com/favicon.ico">
    <title>Donler</title>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/about.css">
</head>

<body>
    <div class="loading">
        <div class="spinner">
            Loading...
        </div>
    </div>
    
    <a href="#nogo" class="music music-close"></a>
    <audio id="audio" autoplay="autoplay" loop="loop" src="http://wximg.gtimg.com/tmt/_events/20150427-promo-jd/dist/music.mp3"></audio>
    
    <!-- Slider main container -->
    <div class="swiper-container">
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
            <!-- Slides -->
            <div class="swiper-slide slide1">
                <div class="comp-resize">
                    <div class="element-box box-01">
                        <div class="element-box-contents box-01-contents">
                            <div class="element comp_paragraph editable-text" style="cursor: default; width: 248px; height: 454px;"></div>
                        </div>
                    </div>
                    <div class="element-box box-02" element-anim="" style="">
                        <div class="element-box-contents" style="width: 100%; height: 100%;">
                            <img id="784" ctype="4" class="element comp_image editable-image" src="http://res.eqxiu.com/group1/M00/7C/5E/yq0KA1T5cYqABksLAAIcxYaQPgo421.png" style="width: 449px; height: 337px; margin-top: 0px; margin-left: -109px;">
                        </div>
                    </div>
                    <div class="element-box box-03 ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.8s" swiper-animate-delay="1.4s">
                        <div id="227" ctype="2" class="element comp_paragraph editable-text" style="cursor: default; width: 259px; height: 63px;">
                            <div style="text-align: center;"><span style="color: inherit; line-height: inherit; background-color: initial;"><b><font size="6">同事关系疏远？</font></b></span></div>
                        </div>
                    </div>
                    <div class="element-box box-04 ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.8s" swiper-animate-delay="1.7s">
                        <div class="element-box-contents">
                            <div id="520" ctype="2" class="text-01">
                                <div style="text-align: center;"><span ><b><font size="3" color="#23a3d3">每天8小时氛围沉闷</font></b></span></div>
                                <div style="text-align: center;">
                                    <font color="#23a3d3" size="3"><span ><b>好压抑！</b></span></font>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="element-box box-05 ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.8s" swiper-animate-delay="2s">
                        <div class="element-box-contents" style="width: 100%; height: 100%;"><img id="48" ctype="4" class="element comp_image editable-image" src="http://res.eqxiu.com/group1/M00/B4/0A/yq0KA1UAJv2ARIrkAAAY-ngdhGA681.png" style="width: 80px; height: 80px; margin-top: 0px; margin-left: 0px;"></div>
                    </div>
                    <div class="element-box box-06 ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.8s" swiper-animate-delay="2.4s">
                        <div class="element-box">
                            <div style="text-align: center;"><span style="line-height: inherit; background-color: rgba(255, 255, 255, 0.298039);"><font size="3" color="#23a3d3"><b>我们来拯救苦闷上班族</b></font></span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-slide slide2">
            <p class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.8s" swiper-animate-delay="0.8s">动梨 全宇宙第一款搞定同事的APP</p>
            <p class="ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.8s" swiper-animate-delay="1.4s">动梨 企业的员工活动管理工具</p>
        </div>
        <div class="swiper-slide slide3">
            <div class="filter-block">
                <div class="filter ani" swiper-animate-effect="rotateOut" swiper-animate-duration="0.8s" swiper-animate-delay="0.8s"><img src="img/Key.png" /></div>
                <div class="filter ani" swiper-animate-effect="bounceOut" swiper-animate-duration="0.8s" swiper-animate-delay="1s"><img src="img/Headphones.png" /></div>
                <div class="filter ani" swiper-animate-effect="rotateOut" swiper-animate-duration="0.8s" swiper-animate-delay="1.5s"><img src="img/Mobile.png" /></div>
                <div class="filter ani" swiper-animate-effect="bounceOut" swiper-animate-duration="0.8s" swiper-animate-delay="2s"><img src="img/Notebook.png" /></div>
            </div>
        </div>
        <div class="swiper-slide slide4">
            Slide 4
            <img src="css/test.svg#position_1" alt="" />
            <img src="css/test.svg#position_2" alt="" />
            <svg class="webicon wow bounceInUp">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#huodong2"></use>
            </svg>
            <svg class="webicon2 wow bounceInUp">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#huodong2"></use>
            </svg>
            <svg class="webicon3 wow bounceInUp">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#huodong2"></use>
            </svg>
            <div class="svgitem02"></div>
            <div class="svgitem01 wow bounceInUp"></div>
            <svg class="webicon wow bounceInUp">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#huodong2"></use>
            </svg>
            <svg class="webicon2 wow bounceInUp">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#huodong2"></use>
            </svg>
            <svg class="webicon3 wow bounceInUp">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#huodong2"></use>
            </svg>
            <!-- <img src="css/test.svg#position_1" alt="" />-->
            <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">内容</p>
            <svg class="webicon wow bounceInUp">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#huodong2"></use>
            </svg>
            <svg class="webicon2 wow bounceInUp">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#huodong2"></use>
            </svg>
            <svg class="webicon3 wow bounceInUp">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#huodong2"></use>
            </svg>
        </div>
    </div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    </div>
    <script src="lib/jquery.min.js"></script>
    <script src="lib/swiper.min.js"></script>
    <script src="lib/swiper.animate.min.js"></script>
    <script src="js/about.js"></script>
</body>

</html>